<template>
    <div class="px-[15px]">
        <div class="border-b border-[#ECECEC] py-[10px] flex items-center w-full" v-if="info.pay_method">
      <div class="text-[12px] min-w-[100px]">支付方式</div>
      <div class="ml-[10px] flex items-center w-full">
        <div>
          <div v-if="info.pay_method == 1">大地支付</div>
      <div v-if="info.pay_method == 2">广福支付</div>
      <div v-if="info.pay_method == 3">线下转账</div></div>
      </div>
    </div>
    <div class="border-b border-[#ECECEC] py-[10px] flex items-center w-full"  v-if="info.pay_img">
      <div class="text-[12px] min-w-[100px]">上传凭证</div>
         <div class="ml-[10px] flex items-center w-full" @click="preview">
        <van-image width="100" height="100" :src="info.pay_img" />
        </div>
       </div>
      </div>
 
     
 
</template>
<script setup lang="ts">
import { showImagePreview } from 'vant';
import {
  reactive,
  defineProps,
  watchEffect,
  ref,
  defineExpose,
  defineEmits,
  computed,
} from "vue";
const props = defineProps({
  info: { type: Object as any },
});
//预览图片
const preview = () => {
  showImagePreview([props.info.pay_img])
}
</script>
<style scoped lang="scss"

</style>